<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/details.css"/>
		<link rel="stylesheet" type="text/css" href="css/daohang.css"/>
		<script type="text/javascript" src="js/index.js" ></script>
		
	</head>
	<body>
	
		<div id="web">
			<div class="header">
				<div class="top">
					<div class="top-t clearfix">
						<span>
							<a  href="register.html" onclick="register()">注册</a>
							<a  href="no-calculate.html" onclick="login()">登录</a>
							<a  href="login.html" onclick="viplogin()">vip登录</a>
						</span>
						<ul>
							<li><a href="search.html" style="border-right:solid 1px #a8a9ae ;">商家入驻</a></li>
							<li><a href="Lb-car.html" style="border-right:solid 1px #a8a9ae ;">我的订单</a></li>
							<li><a href="address.html"><img src="img/buy-car.png"/>&nbsp;<b>(0)</b></a></li>
						</ul>
					</div>
				</div>
					
				<div class="header_contant clearfix">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
					</div>
					<div class="search">
						<form action="" method="">
							<input type="text" placeholder="search"/>
							<input type="image" src="img/search.png" />
						</form>
						<ul class="clearfix">
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
						</ul>
					</div>
				</div>
			</div>
			<nav>
				<div class="nav" style="position:relative;">
					<ul class="clearfix">
						<li><a href="">木工</a>
							<div class="navigation">
								<div class="centent">
									<div class="listing1 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">板材</li>
											<li>装饰面板</li>
											<li>宝丽版</li>
											<li>三聚氰胺版</li>
											<li>铝朔版</li>
											<li>多层版</li>
											<li>中纤版</li>
											<li>细木工板</li>
											<li>刨花版</li>
										</ul>
										<ul class="fl" style="margin-left: 30px; margin-top: 20px;" >
											<li>欧松板</li>
											<li>防火板</li>
											<li>密度板</li>
											<li>其他板材</li>
										</ul>
									</div>
									<div class="listing2 fl">
										<ul>
											<li style="font-size: 16px; font-weight: bold;">地板</li>
											<li>实木地板</li>
											<li>实木复合地板</li>
											<li>强化复合地板</li>
											<li>竹地板</li>
											<li>软木地板</li>
											<li>塑料地板</li>
											<li>PVC地板</li>
											<li>其他地板</li>
										</ul>
									</div>
									<div class="listing3 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">木线</li>
											<li>普通龙骨</li>
											<li>精品龙骨</li>
											<li>顶线</li>
											<li>门线</li>
											<li>角线</li>
											<li>木方线</li>
											<li>收口线</li>
											<li>花木线</li>
										</ul>
										<ul style="padding-top: 20px; margin-left: 30px; display: inline-block;">
											<li>踢脚线</li>
											<li>定制木线</li>
											<li>其它木线</li>
										</ul>
									</div>
									<div class="listing4 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">地板配件</li>
											<li>地板钉</li>
											<li>扣条</li>
											<li>地垫</li>
											<li>地板蜡</li>
											<li>地板清洁剂</li>
											<li>底板防水油</li>
											<li>地板修补剂</li>
											<li>甲醇清除剂</li>
										</ul>
										<ul style="padding-top: 20px; display: inline-block;">
											<li>地板安装工具</li>
											<li>其他地板配件 </li>
										</ul>
									</div>
									<div class="listing5 fl">
										<ul>
											<li style="font-size: 16px; font-weight: bold;">吊顶钢龙骨</li>
											<li>吊筋</li>
											<li>吊钢</li>
											<li>轻钢龙骨</li>
											<li>扣板龙骨</li>
											<li>铝合金龙骨</li>
											<li>其它吊件</li>
										</ul>
									</div>
									<div class="listing6 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">木工类五金</li>
											<li>拉手</li>
											<li>锁</li>
											<li>合页</li>
											<li>铰链</li>
											<li>插销</li>
											<li>门夹</li>
											<li>碰珠</li>
											<li>脚轮</li>
										</ul>
										<ul class="fl" style="padding-top: 20px; margin-left: -25px; display: inline-block;">
											<li>闭门器</li>
											<li>地弹簧</li>
											<li>吊轮</li>
											<li>导轨</li>
											<li>螺栓</li>
											<li>钉</li>
											<li>角码</li>
											<li>螺母</li>
										</ul>
										<ul style="padding-top: 20px; margin-left: 25px; display: inline-block;">
											<li>围网</li>
											<li>其他木工五金</li>
										</ul>
									</div>
								</div>
							</div>	
							
						</li>
						<li><a href="">泥水工</a></li>
						<li><a href="">油漆工</a></li>
						<li><a href="">水电工</a></li>
						<li><a href="">门窗/其他</a></li>
						<li><a href="">装修工具</a></li>
						<li><a href="">消费工具</a></li>
						<li><a href="">建筑防护</a></li>
						<li><a href="">精细化学品</a></li>
						<li><a href="">定制/非标准</a></li>
					</ul>
				</div>
		</nav>
			<div class="details">
				<div class="details-first">
					<h3>订单详情</h3>
					<p>请您于下单后24小时内支付此订单，否则商城将自动取消此订单。</p>
					<span>上次选择的支付方式</span>
					<hr />
					<div class="details-img" style="width: 97px;height: 19px;">
						<img src="img/bank/bank.png" />
					</div>
					<a href="Methodp.html">更改支付方式</a>
					<hr / style=" margin-top: 20px;">
					<input type="submit" name="pay" value="立即支付" />
				</div>
				<div class="details-second">
					<div class="imfomation">
						<h3>订单详情</h3>
						<hr />
						<table>
							<tr>
								<td width="100px">订单编号</td>
								<td><span>JSW57481213</span><a href="">取消订单</a></td>
							</tr>
							<tr>
								<td>订单状态</td>
								<td><span>待支付</span></td>
							</tr>
							<tr>
								<td>下单时间</td>
								<td><span>2016-06-07</span></td>
							</tr>
						</table>
						
						<h3>配送信息</h3>
						<hr />
						<table>
							<tr>
								<td width="100px">收货人信息</td>
								<td><span>308046856@qq.com</span></td>
							</tr>
							<tr>
								<td>收货人邮箱</td>
								<td><span>308046856@qq.com</span></td>
							</tr>
							<tr>
								<td>收货人手机</td>
								<td><span>13427846759</span></td>
							</tr>
							<tr>
								<td>地址 </td>
								<td><span>广东省深圳市罗湖区 东盛路5栋485 </span></td>
							</tr>
							<tr>
								<td>特殊说明 </td>
								<td></td>
							</tr>
						</table>	
					</div>
				</div>
				
				<div class="imfomation">
						<h3>订单详情</h3>
						<hr />
						<table id="cartTable">		
					    <thead>	
					      <tr>
					        <th>商品</th> 
					        <th>数量</th>
					        <th>价格</th>	       
					        <th>小计</th>
					      </tr>
					    </thead>
					    <tbody>
					    	<tr class="clearfix" style="border-top: solid 3px #EFEFEF;">
						        <td class="goods">
						        	<a href="search.html"><img src="img/shop-car/production.png" alt=""/></a>
						        	<span>商品品牌名称<br /><br />
								        	<a>规格：</a>xx规格<br />
								        	<a>颜色：</a>白色<br />
								        	<a>货号：NH5478525666</a><br />
								        	修改
						        	</span>
						        </td>
						        <td class="price">1</td>
						        <td class="count">150</td>
						        <td class="subtotal">150</td>
						      
					      	</tr>
					      	<tr class="clearfix" style="border-top: solid 3px #EFEFEF;border-bottom: solid 3px #EFEFEF;">
						        <td class="goods">
						        	<a href="search.html"><img src="img/shop-car/production.png" alt=""/></a>
						        	<span>商品品牌名称<br /><br />
								        	<a>规格：</a>xx规格<br />
								        	<a>颜色：</a>白色<br />
								        	<a>货号：NH5478525666</a><br />
								        	修改
						        	</span>
						        </td>
						        <td class="price">5</td>
						        <td class="count">750</td>	
						        <td class="subtotal">150</td>    
					      	</tr>  
					    </tbody>
					</table>
				</div>
				<div class="details-fourth">
					<table>
						<tr>
					 		<td>商品金额</td>
					 		<td style="text-align: right;">&yen;900.00</td>
					 	</tr>
					 	<tr>
					 		<td>优惠</td>
					 		<td style="text-align: right;"><span>-&yen;0.00</span></td>
					 	</tr>
					 	<tr>
					 		<td>运费</td>
					 		<td style="text-align: right;">&yen;0.00</td>
						</tr>
					 </table>
					 <hr />
					 <p>订单总额</p>
				 	<span class="RMB">人民币:1500.00</span>
				</div>
			</div>
			<hr	 class="donse"/>
		<footer>
				<div class="footer_tittle clearfix">
					<ul>
						<li><img src="img/you.jpg"></li>
						<li><h4>品质保障</h4>
							<span>品质保证 购物无忧</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/te.jpg"></li>
						<li><h4>特色服务</h4>
							<span>针对户型 私人定制</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/sheng.jpg"></li>
						<li><h4>全网最低</h4>
							<span>厂家直销 低价承诺</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/usre.jpg"></li>
						<li><h4>帮助中心</h4>
							<span>您的购物指南</span>
						</li>
					</ul>
				</div>
				<div class="footer_ul clearfix">
					<hr/>
					<ul class="fl">
						<li>
							<h5><a href="">新手指南</a></h5>
						</li>
						<li><a href="">新手指南</a></li>
						<li><a href="">购物流程</a></li>
						
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">支付方式</a></h5>
						</li>
							<li><a href="">支付宝</a></li>
							<li><a href="">微信</a></li>
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">物流配送</a></h5>
						</li>
						<li><a href="">配送方式</a></li>
						<li><a href="">服务流程</a></li>
						
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">客服中心</a></h5>
						</li>
							<li><a href="">在线客服</a></li>
							<li><a href="">常见问题</a></li>
					</ul>
					<ul class="fl">
						<li>扫一扫，关注鲁班兄弟</li>
						<li><img src="img/code.png"/></li>
					</ul>
				</div>
			</footer>
			<div class="bottom">
				<div class="bottom-contant">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul class="clearfix">
						<li><a href="">关于我们</a></li>
						<li><a href="">联系我们</a></li>
						<li style="border: none;"><a href="">法律说明</a></li>
					</ul
				</div>
			</div>
		</div><!--web-->
	</body>
</html>
